<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>grid system</title>
	<link rel="stylesheet" type="text/css" href="bootstrap-3.3.5-dist/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="grid_system.css">
	<script src="bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
</head>
<body>
	<div class="container">
		<div class="page-header">
	        <h1 >这是一个page-header头</h1>
	        <p class="lead">这是我第一个bootstrap例子 显示珊格系统</p>
      	</div>

		<div class="row">
	          <div class="col-lg-8">这是一个.col-lg-8</div>
	          <div class="col-lg-4">这是一个.col-lg-4</div>
	    </div>

	    <div class="row">
	          <div class="col-lg-4">这是一个.col-lg-4</div>
	          <div class="col-lg-4">这是一个.col-lg-4</div>
	          <div class="col-lg-4">这是一个.col-lg-4</div>
	    </div>

	    <div class="row">
	          <div class="col-lg-3">这是一个.col-lg-3</div>
	          <div class="col-lg-3">这是一个.col-lg-3</div>
	          <div class="col-lg-3">这是一个.col-lg-3</div>
	          <div class="col-lg-3">这是一个.col-lg-3</div>
	    </div>

	    <div class="row">
	          <div class="col-lg-2">这是一个.col-lg-2</div>
	          <div class="col-lg-2">这是一个.col-lg-2</div>
	          <div class="col-lg-2">这是一个.col-lg-2</div>
	          <div class="col-lg-2">这是一个.col-lg-2</div>
	          <div class="col-lg-2">这是一个.col-lg-2</div>
	          <div class="col-lg-2">这是一个.col-lg-2</div>
	    </div>

	    <div class="row">
	          <div class="col-lg-1">1</div>
	          <div class="col-lg-1">1</div>
	          <div class="col-lg-1">1</div>
	          <div class="col-lg-1">1</div>
	          <div class="col-lg-1">1</div>
	          <div class="col-lg-1">1</div>

	          <div class="col-lg-2">这是一个.col-lg-2</div>
	          <div class="col-lg-4">这是一个.col-lg-4</div>
	    </div>
		
		<div class="row">
	          <div class="col-lg-1" style="margin-left:40px">1</div>
	          <div class="col-lg-1" style="margin-left:40px">1</div>
	          <div class="col-lg-1" style="margin-left:40px">1</div>
	          <div class="col-lg-1" style="margin-left:40px">1</div>
	    </div>
	
	</div>
</body>
</html>